<template>
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4291321_kc3hle5qwd.css">
    <nav>
        <!-- <router-link to="/">Home</router-link> | -->
        <!-- <router-link to="/about">About</router-link> -->
        <div class="topbar">
            <div class="logo">
                <img src="../assets/image.png" alt="logo">
            </div>
            <div class="register">
                <div class="about">For us</div>
                <div class="sign">注册</div>
                <div class="login">登录</div>
                <div class="lang">CN
                    <i class="iconfont icon-31xiala"></i>
                </div>
            </div>
        </div>
    </nav>
</template>
<script>
// import { link } from 'fs';

export default {

}

</script>
<style lang="less">
* {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

nav {
    // padding: 30px;
    width: 100%;
    height: 70px;
    background-color: white;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);

    // a {
    //   font-weight: bold;
    //   color: #2c3e50;

    //   &.router-link-exact-active {
    //     color: #42b983;
    //   }
    // }
}

nav>.topbar {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

nav>.topbar>.logo>img {
    width: 300px;
    height: 40px;
    margin-top: 15px;
    margin-left: 15px;
}

nav>.topbar>.register {
    width: 300px;
    display: flex;
    justify-content: space-between;
}

nav>.topbar>.register>div {
    // float: left;
    line-height: 70px;
}

nav>.topbar>.register>.about {
    color: rgb(24, 112, 195);
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    cursor: pointer;
}

nav>.topbar>.register>.sign,
nav>.topbar>.register>.login {
    color: rgba(58, 67, 84, 0.7);
    font-weight: bolder;
    font-size: 14px;
    cursor: pointer;
}
nav>.topbar>.register>.sign{
    border-left: 1px solid rgb(240, 242, 245);
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid rgb(240, 242, 245);

}
nav>.topbar>.register>.login{
    border-right: 1px solid rgb(240, 242, 245);
    padding-right: 20px;
}

nav>.topbar>.register>.lang {
    margin-right: 20px;
    color: rgba(58, 67, 84, 0.7);
    font-weight: bolder;
    font-size: 14px;
    cursor: pointer;
}
.iconfont{
      color: rgba(58, 67, 84, 0.7);
      font-size: 28px;
    }
</style>